var one = new Vue({
	el: "#vue_app_one",
	data: {
		one_msg: "这个是VUE实例1",
		two_msg: "这个是VUE实例2"
	},
	methods: {
		// 实例1中的按钮事件
		change_two() {
			// 可以实现更改另一个实例中的data数据
			two.two_msg = "消息已经被实例1所控制！"
		}
	}
});

var two = new Vue({
	el: "#vue_app_two",
	data: {
		two_msg: "这个是VUE实例2",
		one_msg: "这个是VUE实例1"
	},
	methods: {
		// 实例2中的按钮事件
		change_one() {
			one.one_msg = "消息已经被实例2所控制！"
		}
	}
});

new Vue({
	el:"#msg",
	components:{
		msgcomp,
	}
});


// 两个参数第一个是组件的名称，第二个是传入的对象
Vue.component("msgcomp", {
	// template是模板内容
	template: '<p>使用组件来显示的一段文字！<button > 这是一个按钮 < /button> </p>'
})
